// pages/interface/interface.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    animationData:{}
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   wx.setNavigationBarColor({
     frontColor: '#ffffff',
     backgroundColor: '#ff0000',
     animation:{
       duration:2000,
       timingFunc:'easeInOut'
     },
   })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
   wx.setNavigationBarTitle({
     title:'界面'
   })
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var animation = wx.createAnimation({
      duration:2000,
      timingFunction:'ease',
      transformOrigin:'50% 50% 0'
    })

    this.animation = animation
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },
 
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  },
  
  showToast:function(){
    wx.showToast({
      title: '这是一个消息提示框',
      mask:false,
      icon:'loading',
      success(res){
        console.log('提示成功')
      }
    })
  },
  showLoading:function(){
    wx.showLoading({
      title: '加载中',
    })

    setTimeout(function(){
      wx.hideLoading()
    },2000)
  },

  showModal:function(){
    wx.showModal({
      title: '请问你会飞么',
      content: '只有超人才会飞',
      cancelText:'不会',
      confirmText:'会',
      success(res){
        var msg = ''
        if(res.confirm){
          msg = '你竟然会飞？'
        }else{
          msg = '你果然不是超人'
        }
        wx.showToast({
          title: msg,
        })
      }
    })
  },

  showActionSheet:function(){
    var arr = ['超人', '蝙蝠侠', '闪电侠']
    wx.showActionSheet({
      itemList: arr,
      success(res){
        let str = arr[res.tapIndex]
        wx.showToast({
          title:'你选择了'+str,
        })
      }
    })
  },

  showNavigationBarLoading:function(){
    wx.showNavigationBarLoading()
    setTimeout(function(){
      wx.hideNavigationBarLoading()
    },2000)
  },

  setTopbarText:function(){
    wx.setTopBarText({
      text: 'hello,world!',
      complete: function (res) {
        console.log(res)
      }
    })
  },

  navigateTo:function(){
    wx.navigateTo({
      url: '../file/file',
    })
  },

  redirectTo:function(){
    wx.redirectTo({
      url: '../file/file',
    })
  },

  reLaunch:function(){
    wx.reLaunch({
      url: '../file/file',
    })
  },


  switchTab:function(){
    wx.switchTab({
      url: '../Game/game',
    })
  },

  navigateBack:function(){
    wx.navigateBack({
      delta:2
    })
  },

  opacity:function(){
    this.animation.rotate(45).scale(2,2).step()
    this.animation.opacity(0.1).step()
    this.animation.rotateX(45).step()
    this.animation.rotateY(45).step()
    this.animation.translateX(100).step()
    this.setData({
      animationData: this.animation.export()
    })
  },

  animation1:function(){
    this.animation.skewX(45).step()
    this.animation.translateX(100).step()
    this.setData({
      animationData: this.animation.export()
    })
  },

  scrollToTop:function(){
    wx.pageScrollTo({
      scrollTop: 0,
    })
  }
})